<template>
	<view :class="['page',{'iphoneX':isIphoneX}]"> 
		<view class="body"> 
			<view class="page__bd">
			  <view class="weui-article">
			    <view class="weui-article__section">
			      <view class="weui-article__section">
			        <view class="weui-article__p">
			          智慧农业小程序集虫情测报，苗情观测，生态监控，性诱测报，杀虫灯控制，小气候6大功能，下方是这些功能的使用介绍。
			        </view>
			      </view>
			      <view class="weui-article__section">
			        <view class="weui-article__h1">1.登录</view>
			        <view class="weui-article__p">
			          小程序登录方式目前只支持账号密码登录方式；
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/login.png'" mode="widthFix" />
			          </view>
			        </view>
			      </view> 
			      <view class="weui-article__section">
			        <view class="weui-article__h1">2.小程序菜单</view>
			        <view class="weui-article__p">
			          小程序由4个一级菜单组成，分别是首页、设备、扫一扫、我的；首页主要呈现产品banner，部分引诱剂过期提示；“设备”菜单，主要展示我的设备列表，包括设备类型、数量，以及设备的列表入口；“扫一扫”，用户可直接扫设备上的二维码标签，获取设备信息；“我的”会员中心，主要管理中心
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/index.png'" mode="widthFix" />
			          </view>
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/map.png'" mode="widthFix" />
			          </view>
			        </view>
			      </view>
			      <view class="weui-article__section">
			        <view class="weui-article__h1">3.虫情列表菜单操作</view>
			        <view class="weui-article__p">
			          虫情列表菜单可以向左滑动，最右边有一害虫筛选按钮，按钮默认打开，只展示有识别数据的图片， 关闭按钮则显示所有图片。
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/cqcb.png'" mode="widthFix" />
			          </view>
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/ishaspest.png'" mode="widthFix" />
			          </view>
			        </view>
			      </view>
			      <view class="weui-article__section">
			        <view class="weui-article__h1">4.生态监控</view>
			        <view class="weui-article__p">
			          生态监控目前仅支持预览功能，由于数据上传和处理需要时间，请耐心等待，请不要频繁切换！
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/stjk.png'" mode="widthFix" />
			          </view>
			        </view>
			      </view>
			      <view class="weui-article__section">
			        <view class="weui-article__h1">5.杀虫灯控制</view>
			        <view class="weui-article__p">
			          杀虫灯可以设置设备状态，运行模式，工作时间，设置好后点击保存
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/ccdkz.png'" mode="widthFix" />
			          </view>
			        </view>
			      </view>
			      <view class="weui-article__section">
			        <view class="weui-article__h1">6.用户中心</view>
			        <view class="weui-article__p">
			          用户中心有解除微信绑定，在线反馈，退出登录等功能！
			        </view>
			        <view class="weui-article__p">
			          <view class="showimg">
			            <image class="weui-article__img" :src="root+'/images/mine.png'" mode="widthFix" />
			          </view>
			        </view>
			      </view>
			    </view>
			  </view>
			</view>
		</view> 
	</view>
</template>

<script>
	import {HTTP_OLD_HOST} from '@/config.js'
	export default{
		name:'',
		data(){
			return {
				isIphoneX: getApp().globalData.isIphoneX,
				appid:getApp().globalData.appid,
				token:uni.getStorageSync('token'),
				userInfo:uni.getStorageSync('userInfo'),
				loginStateUpdate: false,
				root:HTTP_OLD_HOST
			}
		},
		async onLoad(params){
			 
		},
		async onShow() {	
			
			if(this.loginStateUpdate){
				this.token=uni.getStorageSync('token');
				this.userInfo=uni.getStorageSync('userInfo'); 
				this.isLogin=true;
				this.loginStateUpdate=false;
			}
			
			if(this.token){
				this.isLogin=await this.$loginState('check');  
				if(this.isLogin){ 
					
				}else{
					this.isLogin=await this.$loginState('reset');
				}
			}else{
				this.isLogin=await this.$loginState('reset');
			}
			 
		},
		methods:{
			
		},
		computed: { 
			
		}, 
		components: {
			
		},
	}
</script>

<style lang="less">
	page {
	  background-color: #fff;
	  font-size: 16px;
	  font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
	}
	
	.weui-article__p{
		padding:20rpx;
	}
	.weui-article__h1{
		padding:20rpx;
		font-weight: bold;
	}
	image {
	  margin: 4px 0;
	  width: 80%;
	}
	
	.page__hd {
	  padding: 40px;
	}
	
	.page__bd {
	  padding-bottom: 40px;
	}
	
	.page__bd_spacing {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	
	.page__ft {
	  padding-bottom: 10px;
	  text-align: center;
	}
	
	.page__title {
	  text-align: left;
	  font-size: 20px;
	  font-weight: 400;
	}
	
	.page__desc {
	  margin-top: 5px;
	  color: #888;
	  text-align: left;
	  font-size: 14px;
	}
	
	.showimg {
	  width: 100%;
	  text-align: center;
	}
	
</style>
